<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta content="" name="keywords">
<meta content="" name="description">
<title>消费收益</title>
<link type="text/css" rel="stylesheet" href="./css/bootstrap.css"/>
<link type="text/css" rel="stylesheet" href="./css/style.css"/>
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
</head>
<body class="bjF3F3F3">
<div class="contentpage container-fluid paddinglr f14rem">
<!-- header_start -->
<header class="navbar-fixed-top">
    <div class="top-bar-con">
	     <a class="backss" href="javascript:history.back();"></a>
		 <div class="tc top-bar-txt">消费收益</div>
     </div>
</header>
<div class="kong_h"></div>
<!-- header_end --> 

<!-- center_start -->
    <div class="clearfix comEa03">
      <div class="col-xs-12 paddingr comIndex02left">
         <div class="eardiv">
         <p class="earnings tc f12rem" style="color: #A8A8A8;">累计消费收益（元）</p>
         <p class="earningsNum tc" style="font-size: 3.5rem;">1.1126</p>
         </div>
      </div>
      <div class="f_c" style="height: 1rem;line-height: 1rem;visibility: hidden;"></div>
    </div>
    <ul class="consbeneul">
      <li class="ml1 mr1 bjFFFFFF consbeneulli defatype"><div w="80" style="width:40%;" class="charts cFFFFFF clearfix"><p class="f_l">2015-06-07</p><p class="f_r">0.00</p></div></li>
      <li class="ml1 mr1 bjFFFFFF consbeneulli defatype"><div w="70" style="width:40%;" class="charts cFFFFFF clearfix"><p class="f_l">2015-06-07</p><p class="f_r">0.00</p></div></li>
      <li class="consbeneulli defatype cA8A8A8 consbeneulliyue " style="padding-left: 2rem;">
        <div class="text_left_tt">5月</div><div class="text_right"><p></p></div>
      </li>
      <li class="ml1 mr1 bjFFFFFF consbeneulli defatype"><div w="60" style="width:40%;" class="charts cFFFFFF clearfix"><p class="f_l">2015-06-07</p><p class="f_r">0.00</p></div></li>
      <li class="ml1 mr1 bjFFFFFF consbeneulli defatype"><div w="50" style="width:40%;" class="charts cFFFFFF clearfix"><p class="f_l">2015-06-07</p><p class="f_r">0.00</p></div></li>
      <li class="ml1 mr1 bjFFFFFF consbeneulli tc">暂无收益</li>
    </ul>
<!-- center_end --> 
   
</div>
<!-- 请在这底下写js -->
<script type="text/javascript">
function animate(){
	$(".defatype .charts").eq(0).addClass("baryellowde");
	var defatype=$(".defatype .charts").size();
	if(defatype>0){
		var middle="baryellow";
		$(".defatype .charts").each(function(i,item){
			var addStyle="";
				addStyle=middle;
		
			$(item).addClass(addStyle);
			var a=$(item).attr("w");
			$(item).animate({
				width: a+"%"
			},1000);
			
			$(this).parent().removeClass("defatype");
		});
	}
}
$(function(){
	animate();
})

</script>
</body>
</html>